@charset "UTF-8";
@import "./variable";


@import "./reset";

/* ------------- reset end --------------- */
/* 图片地址统一使用本函数生成，同时支持版本号 */
@function image-path($file) {
    @return '/images/' + $file + '?v=' + $image-ver;
}

/* 滚动不顺时用 */

.scrolling {
    -webkit-overflow-scrolling: touch;
}


/* 布局继承专用 */

.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.flex-column {
    @extend .flex-row;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.flex-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.flex-vertical-middle {
    /* 09版 */
    -webkit-box-align: center;
    /* 12版 */
    -webkit-align-items: center;
    align-items: center;
}

/* 自动伸展高度的swiper，如果不知道怎么使用，可以参考幸福蓝海buyTicket.html */
/* 由于使用了父级容器使用了flex:1，swiper无法使用height:100%;来让高度起效，导致高度为0，可以用这个解决 */
.m-stretch-swiper {
    /*
    可能需要在这里写：
    @extend .flex-item;
    width: 100%;
    让宽度变成100%，并且高度撑开
     */
    @extend .flex-column;

    & > .swiper-wrapper {
        @extend .flex-item;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;

        > .swiper-slide {
            height: auto;
        }
    }
}

/* 多行加省略号 */

@mixin line-clamp($line) {
    display: -webkit-box;
    -webkit-line-clamp: $line;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
}


/* 单行加省略号 */

.single-line-clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

/*flex布局下，文字溢出省略*/
.ellipsis {
    display: -webkit-box; /*这是一个已经弃用的属性*/
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow : hidden;
    text-overflow: ellipsis;
}

.pbd {
    -webkit-user-select: none;
	@extend .flex-item;
	-webkit-overflow-scrolling: touch;
	overflow: auto;
}

/* 设置盒子模型为IE盒子模型 */
.border-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* 升级提示 */
.prompt {
    font-size: 1.1rem;
    color: #ff7800;
    background-color: #faf6de;
    line-height: 1.4rem;
    padding: 0.8rem 1.4rem;
    position: absolute;
	left:0;
	top:0;
	right:0;
	z-index:1000;
}
.prompt .icon-prompt {
    background-position: center center;
    width: 1.4rem;
    height: 1.4rem;
    background-image: url(/images/icons/prompt.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
}

/* 设置盒子模型为IE盒子模型 */
.dashboardScroll{
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch; /*MAKES OVERFLOWN OBJECTS HAVE INERTIA SCROLLING*/
	-webkit-transform: translateZ(0px); /*HELPS THE ABOVE WORK IN IOS5*/
	-webkit-transform: translate3d(0,0,0);
	-webkit-perspective: 1000;
	&:after{
		height: calc(100% + 1px);
	}
	.dashboardScroll-inner { height: calc(100% + 1px);}
}
.modal-open{
	.dashboardScroll{
	     overflow-y: hidden;
	}
	.maskScroll{
	     overflow-y: scroll;
	}
}